<div class="col-md-3 sidebar sidebar--right">
  <div class="sidebar-widget">
    <h3>—— About Me ——</h3>
    <div class="sidebar-widget__about-me">
      <img src="/static/img/favicon.png" alt="">
      <p>网名：杨学峰</p>
      <p>职业：Python攻城狮</p>
      <p>籍贯：内蒙古-赤峰</p>
      <p>邮箱：13552974161@163.com</p>
    </div>
  </div>

  <div class="sidebar-widget">
    <h3>—— Popular Posts ——</h3>
    {% for item in new_post %}
    <div class="sidebar-widget__popular">
      <div class="sidebar-widget__popular-item">
        <div class="sidebar-widget__popular-item-info">
          <div class="sidebar-widget__popular-item-content">
            <a href="{{ item.get_absolute_url }}">
              {{ forloop.counter }}.&nbsp; {{ item.title|truncatechars:20 }}&nbsp;({{ item.count }})
            </a>
          </div>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>

  <div class="sidebar-widget">
    <h3>—— Classify ——</h3>
    {% for x,y in classification %}
    <div class="sidebar-widget__popular">
      <div class="sidebar-widget__popular-item">
        <div class="sidebar-widget__popular-item-info">
          <div class="sidebar-widget__popular-item-content">
            <a href="{% url 'classfiDetail' classfi=x %}">
              {{ x }} ( {{ y }} )
            </a>
          </div>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>

  <div class="sidebar-widget">
    <h3>—— Archive ——</h3>
    {% for x, y in date_list %}
    <div class="sidebar-widget__popular">
      <div class="sidebar-widget__popular-item">
        <div class="sidebar-widget__popular-item-info">
          <div class="sidebar-widget__popular-item-content">
            <a href="{% url 'archive_month' year=x.year month=x.month %}">
              {{ x.year }}年{{ x.month }}月 ( {{y}} )
            </a>
          </div>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>

  <div class="sidebar-widget">
    <h3>—— Tag Cloud ——</h3>
    <div class="sidebar-widget__tag-cloud">
      {% for tag in tag_list %}
        <a href="/articleTag/{{ tag }}" style="color:{{ tag.color }}">{{ tag }}</a>
      {% endfor %}
    </div>
  </div>

  <!--<div class="sidebar-widget">
    <h3>—— Subscribe ——</h3>
    <div class="sidebar-widget__subscribe">
      <p>Follow my latest news</p>
      <form action="/">
        <input type="text" placeholder="Your email">
        <input class="sidebar-widget__subscribe-submit" type="submit" value="Submit">
      </form>
    </div>
  </div>

  <div class="sidebar-widget">
    <h3>Instagram</h3>
    <div class="sidebar-widget__instagram">
      <a href="#"><img src="/static/img/instagram1.jpg" alt="Instagram"></a>
      <a href="#"><img src="/static/img/instagram2.jpg" alt="Instagram"></a>
      <a href="#"><img src="/static/img/instagram3.jpg" alt="Instagram"></a>
      <a href="#"><img src="/static/img/instagram4.jpg" alt="Instagram"></a>
    </div>
  </div>

  <div class="sidebar-widget">
    <div class="sidebar-slider">
      <div>
        <div class="featured-image" style="background-image:url(/static/img/img1.jpg);">
          <div class="featured-image__bg"></div>
          <div class="featured-image__content">
            <span class="featured-image__content-category">
              <a href="{% url 'classfiDetail' classfi='Python' %}">Python</a>
            </span>
            <span class="featured-image__content-title">
              <a href="{% url 'home' %}">Fall In Love With Cat</a>
            </span>
            <span class="featured-image__content-link">
              <a href="{% url 'home' %}">Read More</a>
            </span>
          </div>
          <a class="featured-image__overlay-link" href="single-post.html"></a>
        </div>
      </div>
    </div>
  </div>-->
</div>
